<?php
/*
  This page displays mostly static text w/ only a few glossary items.
*/
?>

<?php
  include_once('util.php');
  $glossary = buildGlossary('Guide');
?>

<body>

    <div id="site">
<?php include_once('header.php')?>
        <div id="content">

            <div class="home-screen clearfix">

                <div class="left-column">
                    <h2>Ok, we will guide you through the site!</h2>
                    <p style="margin-top: 20px;">This track will include the following processes:</p>
										<ul style="margin-left: 0; margin-top: 10px; width: 815px; list-style: disc;">
											<li style="margin-left: 2em; margin-top: 10px;">Selecting a particular property from the Charles River <?php echo $glossary['Watershed']['a']?><?php echo $glossary['Watershed']['div']?></li>
											<li style="margin-left: 2em; margin-top: 10px;">Determining the permit requirements for the parcel you select</li>
											<li style="margin-left: 2em; margin-top: 10px;">Reviewing geologic data that is publicly available for the site you select</li>
											<li style="margin-left: 2em; margin-top: 10px;">Getting a recommendation for reducing pollution to the Charles River for the site you select</li>
											<li style="margin-left: 2em; margin-top: 10px;">Exploring the option either buying or selling <?php echo $glossary['water quality credits']['a']?><?php echo $glossary['water quality credits']['div']?></li>
										</ul>
               		</div>
               		<div class="right-column" style="width: 295px;">
               			<img src="images/SNatickDam7.jpg" alt="" />
               		</div>
               		<p style="clear: both; font-weight: bold; padding-top: 50px; font-size: 14px;">Click Next to begin</p>
										<a href="?page=learn"><img src="images/back_but.png" style="vertical-align: top; float: left; margin-top: 20px;" alt="Back" title="Back" alt="Back" title="Back" /></a>
										<a href="?page=introLocation"><img src="images/next_but.png" style="vertical-align: top; margin-left: 570px; margin-top: 20px;" alt="Next" title="Next" /></a>
            </div>


        </div>
<?php include_once('footer.php')?>
    </div>
<script type="text/javascript">
<?php
  foreach ($glossary as $k => $v) {
    $tNoSpace = str_replace(' ','',$k);
    echo '$(\'a#glossary_t_'.$tNoSpace.'\').click(function(e){e.preventDefault();}).hover(function(e){$(\'#glossary_d_'.$tNoSpace.'\').show();}, function(e){$(\'#glossary_d_'.$tNoSpace.'\').hide();});'."\n";
  }
?>
</script>
</body>
